@charset "utf-8";

.nav_policy{
    min-width: 100%;
    background: url(../img/biggest_background.png)repeat;
    margin: 0 auto;
    .nav{
        width: 1063px;
        height: 117px;
        background: #000000;
        margin: 0 auto;
        .nav_left{
            float: left;
            width: 502px;
            height: 117px;
            .nav_logo>img{
                margin-left: 42px;
                margin-top: 40px;
            }
        }
        .nav_right{
            float: right;
            width: 561px;
            height: 117px;
            .nav_top{
                float: right;
                margin-right: 48px;
                margin-top: 20px;
                li:nth-child(4){
                    margin-left: 15px;
                }
                li{
                    float: left;
                    margin-right: 15px;
                    a{
                        font-size:14px;
                        color: #787777;
                    }
                    img{
                        vertical-align: middle;
                    }
                } 
            }
           .nav_buttom{
               float: left;
               margin-top: 20px;
               li{
                   float: left;
                   margin-left: 10px;
                   a{
                       font-size: 24px;
                       color: #FFFFFF;
                   }
               }
           } 
        }
    }
    .policy_banner{
        width: 1063px;
        height: 282px;
        margin: 0 auto;
    }
    .policy_connet{
        width: 1063px;
        height: 794px;
        background: #000000;
        margin: 0 auto;
        .policy_connet_left{
            float: left;
            width: 516px;
            height: 723px;
            background: black;
            border-right: 1px solid #4D4D4D;
            .policy_connet_title{
                margin-top: 20px;
                margin-left: 42px;
                padding-bottom: 21px;
                border-bottom: 1px solid #4D4D4D;
                p{
                    font-size: 33px;
                    color: #FFFFFF;
                }
            }
            .section{
                width: 475spx;
                height: 47px;
                margin-left: 42px;
                line-height: 47px;
                border-bottom: 1px solid #4D4D4D;
                .section_left{
                    float: left;
                    select{
                        width: 220px;
                        height: 23px;
                        color: #0DAFD2;
                        border: 1px solid #4D4D4D;
                    }
                }
                .section_right{
                    float: right;
                    position: relative;
                    margin-right: 19px;
                    input:nth-of-type(1){
                        width: 220px;
                        height: 23px;
                        border: 1px solid #4D4D4D;
                        text-indent: 5px;
                    }
                    input:nth-of-type(2){
                            position: absolute;
                            width: 66px;
                            height: 25px;
                            color: #FFFFFF;
                            background: #0DAFD2;
                            right: 1px;
                            top: 13.5px;
                        
                    }
                }
            }
            .page_left2{
                width: 455px;
                height: 101px;
                background: #252525;
                margin-top: 10px;
                margin-left: 42px;
                border-bottom-left-radius: 5px;
                box-shadow: 2px -2px 2px 0 #212121;
                .page_left2_left{
                    float: left;
                    background: url(../images/img_tt2013.jpg)no-repeat;
                    width: 110px;
                    height: 100px;
                    .page_left2_size{
                        width: 50px;
                        height: 49px;
                        margin-top: 45px;
                        margin-left: 4px;
                        background: #000000;
                        opacity: 0.6;
                        border: 1px solid #000000;
                        text-align: center;
                        p:nth-child(1){
                            font-size: 24px;
                            color: #FFFFFF;
                        }
                        p:nth-child(2){
                            font-size: 12px;
                            color: #FFFFFF;
                        }
                    }
                }
                .page_rig4_right{
                    float: left;
                    width: 345px;
                    height: 101px;
                    .page_rig4_size1{
                        padding-bottom: 35px;
                        border-bottom: 1px solid #000000;
                        p{
                            margin-left: 22px;
                            margin-top: 12px;
                            font-size: 18px;
                            color: #FFFFFF;
                        }
                    }
                    .page_rig4_size2{
                        margin-top: 9px;
                        margin-left: 22px;
                        p{
                            float: left;
                            font-size: 12px;
                            color: #9f9f9f;
                            margin-right: 25px;
                        }
                    }
                }
            }
            .policy_anniu{
                float: right;
                margin-right: 20px;
                margin-top: 8px;
                input{
                    font-size: 14px;
                    color: #FFFFFF;
                    width: 85px;
                    height: 23px;
                    background: #0DAFD2;
                }
            }
        }
        .policy_connet_right{
            float: right;
            width: 546px;
            height: 723px;
            background: black;
            .policy_right_title{
                margin-left: 39px;
                margin-top: 38px;
                p{
                    float: left;
                    font-size: 33px;
                    color: #FFFFFF;
                }
                input{
                    float: right;
                    margin-top: 15px;
                    margin-right: 41px;
                    width: 117px;
                    height: 27px;
                    background: #0DAFD2;
                    color: #FFFFFF;
                    font-size: 12px;
                }
            }
            .policy_center{
                width: 464px;
                height: 633px;
                background: #FFFFFF;
                margin-top: 20px;
                margin: 0 auto;
                .center_center{
                    text-align: center;
                    p{
                        padding-top: 25px;
                        font-size: 18px;
                        color: #000000;
                    }
                    img{
                        margin-top: 20px;
                    }
                }
                .center_bottom{
                    width: 421px;
                    margin: 0 auto;
                    p{
                        font-size: 14px;
                        color: #636363;
                    }
                    ul{
                        margin-top: 28px;
                        li{
                            font-size: 14px;
                            color: #636363;
                            line-height: 25px;
                        }
                    }
                }
                .center_dibu{
                    width: 100%;
                    height: 32px;
                    background: #c8c8c8;
                    margin-top: 60px;
                    line-height: 32px;
                    ul{
                        margin-left: 13px;
                    }
                    li{
                        float: left;
                        font-size: 12px;
                        color: #252525;
                        margin-right: 25px;
                    }
                }
            }
        }
    }
    .policy_show{
        width: 1063px;
        height: 879px;
        background: #000000;
        margin: 0 auto;
        .policy_show_title{
            width: 974px;
            height: 67px;
            background: #252525;
            margin: 0 auto;
            li{
                float: left;
                line-height: 67px;
            }
            li:nth-child(1){
                font-size:33px;
                color: #FFFFFF;
                margin-left: 50px;
                a{
                    display: inline-block;
                    width: 200px;
                    height: 30px;
                    font-size: 0;
                    color: white;
                    span{
                        font-size: 33px;
                    }
                }
            }
            li:nth-child(2){
                font-size: 14px;
                color: #747474;
                margin-left: 67px;
                letter-spacing: 1px;
            }
            li:nth-child(3){
                margin-left: 30px;
                a{
                    font-size: 12px;
                    color: #FFFFFF;
                    width: 85px;
                    height: 23px;
                    background: #0DAFD2;
                    display: inline-block; 
                    line-height: 23px; 
                    text-align: center;
                    animation: be_short 1500ms ease-in infinite; 
                    border-radius: 2px 2px;       
                }
            }
            



            
            @keyframes be_short{            
                0%{
                    box-shadow: 1px 1px 5px black,-1px -1px 5px black;
                    opacity: 1;
                }
                10%{
                    box-shadow: 2px 2px 5px black,-2px -2px 5px black;
                    opacity: 0.9;
                }
                20%{
                    box-shadow: 3px 3px 3px black,-3px -3px 5px black;
                    opacity: 0.8;
                }
                30%{
                    box-shadow: 3px 3px 5px black,-3px -3px 5px black;
                    opacity: 0.7;
                }
                40%{
                    box-shadow: 4px 4px 5px black,-4px -4px 5px black;
                    opacity: 0.6;
                }
                50%{
                    box-shadow: 5px 5px 5px black,-5px -5px 5px black;
                    opacity: 0.5;
                }
                60%{
                    box-shadow: 4px 4px 5px black,-4px -4px 5px black;
                    opacity: 0.6;
                }
                70%{
                    box-shadow: 3px 3px 5px black,-3px -3px 5px black;
                    opacity: 0.7;
                }
                80%{
                    box-shadow: 2px 2px 5px black,-2px -2px 5px black;
                    opacity: 0.8;
                }
                90%{
                    box-shadow: 1px 1px 5px black,-1px -1px 5px black;
                    opacity: 0.9;   
                }
                100%{
                    box-shadow: 0px 0px 5px black,-0px -0px 5px black;
                    opacity: 1;    
                }
            }
            
            span:nth-of-type(1){
                animation: big_to_big 1500ms linear 150ms infinite;
            }
            
             span:nth-of-type(2){
                animation: small_to_small 1500ms linear 350ms infinite;
            }
            
             span:nth-of-type(3){
                animation: big_to_big 1500ms linear 150ms infinite;
            }
            
             span:nth-of-type(4){
                animation: small_to_small 1500ms linear 350ms infinite;
            }
            
             span:nth-of-type(5){
                animation: big_to_big 1500ms linear 150ms infinite;
            }
            
             span:nth-of-type(6){
                animation: small_to_small 1500ms linear 350ms infinite;
            }
            
            @keyframes big_to_big{
                0%{
                    font-size: 33px;
                }
                50%{
                    font-size: 22px;
                }
                100%{
                    font-size: 33px;
                }
            }
            
            @keyframes small_to_small{
                0%{
                    font-size: 22px;
                }
                50%{
                    font-size: 33px;
                }
                100%{
                    font-size: 22px;
                }
            }
        }
        .policy_show_lb{
            width: 975px;
            padding-top: 5px;
            padding-left: 3px;
            margin: 0 auto;
            li{
                float: left;
                padding-right: 4px;
                margin-bottom: 5px;
                overflow: hidden;
            }
        }
        .policy_show_border{
            border: 1px solid #4d4d4d;
            width: 975px;
            margin-left: 40px;
            margin-top: 25px;
            display: inline-block;
        }
    }
    .policy_buttom{
        width: 1063px;
        height: 330px;
        background: #000000;
        margin: 0 auto;
        .policy_buttom_title{
            width: 974px;
            height: 70px;
            margin: 0 auto;
            line-height: 70px;
            li{
                float: left;
                margin-right: 14px;
                a{
                   font-size: 14px;
                   color: #747474; 
                }
                input{
                    color: #FFFFFF;
                    font-size: 12px;
                    width: 84px;
                    height: 24px;
                    background: #0DAFD2;
                    border: 0;
                    margin-left: 194px;
                }
            }
            li:nth-child(1){
                margin-left: 11px;
                font-size: 33px;
                color: #FFFFFF;
            }
            li:nth-child(2){
                margin-left: 31px;
            }
        }
        .policy_buttom_title2{
            border-top: 1px solid #272727;
            width: 974px;
            height: 35px;
            background: #000000;
            margin: 0 auto;
            li{
                float: left;
                margin-right: 5px;
                line-height: 35px;
                a{
                    font-size: 12px;
                    color: #474646;
                }
            }
        }
        .policy_buttom_title3{
            border-top: 2px solid #929292;
            width: 974px;
            height: 50px;
            margin: 0 auto;
            ul{
                line-height: 50px;
                margin-left: 38px;
            }
            li{
                float: left;
                span{
                    border: 5px solid transparent;
                    border-left: 5px solid #0dafd2;
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 12px;
                    margin-top: -2px;
                }
                a{
                    font-size: 12px;
                    color: #0DAFD2;
                }
            }
            li:first-of-type{
                margin-right: 14px;
            }
            li:nth-of-type(2){
                margin-right: 10px;
                img{
                    vertical-align: middle;
                }
            }
            li:nth-of-type(3){
                margin-right: 9px;
                width: 75px;
                overflow: hidden;
                white-space: nowrap;
                border-right: 1px solid #929292;
                transition: width 0.5s ease;
            }
            li:nth-of-type(4){
                margin-right: 7px;
                width: 75px;
                overflow: hidden;
                white-space: nowrap;
                border-right: 1px solid #929292;
                transition: width 0.5s ease;
            }
        }
        .policy_buttom_warp{
            border-top: 2px solid #929292;
            width: 974px;
            height: 146px;
            margin: 0 auto;
            .policy_warp_left{
                float: left;
                margin-top: 60px;
                margin-left: 40px;
            }
            .policy_warp_cz{
                float: left;
                margin-top: 36px;
                margin-left: 62px;
            }
            .policy_warp_rig{
                float: left;
                width: 230px;
                padding-top: 35px;
                padding-left: 25px;
                p{
                    font-size: 12px;
                    color: #929292;
                }
                p:last-of-type{
                    margin-top: 16px;
                }
                .weizhi{
                    
                    a{
                        font-size: 12px;
                        color: #929292;
                        letter-spacing: 2px;
                    }
                    span{
                        font-size: 12px;
                        color: #929292;
                        letter-spacing: 2px;
                    }
                }
            }
        }
    }
}
